<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>游戏下载</title>
    <link rel="shortcut icon" href="images/icon/favicon.jpg" type="image/x-icon">
    <link href="${pageContext.request.contextPath}/css/wechat/swiper.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/wechat/main.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/wechat/weui.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/wechat/mmiconfont.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/wechat/wap.css" rel="stylesheet">
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/wechat/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/wechat/swiper-3.3.1.jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/wechat/TouchSlide.1.1.js"></script>
    <script src="${pageContext.request.contextPath}/js/common/common.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.ext.js"></script>
    
    <style>
        .weui-footer_fixed-bottom{position: inherit}
        
		.weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;}
		.weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}
		.imghedden {
		    max-width: 100%;
		    height: auto;
		}
		 .layui-layer {
			 width: 80%; 
			/* top: 50% !important; */
			left: 10% !important;
			transform: translateX(-50%) !important;
			-webkit-transform: translateX(-50%) !important;
		}
    </style>
    
    <script type="text/javascript">
        $(function () {
            $('.focus').show();
            TouchSlide({
                slideCell:"#focus",
                titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell:".bd ul",
                effect:"left",
                delayTime:600,
                interTime:4000,
                autoPlay:true,//自动播放
                autoPage:true, //自动分页
                switchLoad:"_src" //切换加载，真实图片路径为"_src"
            });
        })

    </script>
</head>
<body>

<!-- 隐藏图 -->
<div class="weixin-tip" onclick="hide()">
		<p>
			<img class="imghedden" src="${pageContext.request.contextPath}/images/youle/live_weixin.png" alt="微信打开">
		</p>
</div>


<div class="content">
    <!--main s-->
    <main class="container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="#"><img  src="${pageContext.request.contextPath}/images/binyou/lb_01.jpg"></a></div>
                <div class="swiper-slide"><a href="#"><img  src="${pageContext.request.contextPath}/images/binyou/lb_02.jpg"></a></div>
               <!--  <div class="swiper-slide"><a href="g20.html"><img src="images/banner-3.jpg"></a></div>
                <div class="swiper-slide"><a href="xy_daili.html"><img src="images/banner-4.jpg"></a></div> -->
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="game-box">
            <div class="ganzi game-top"></div>
            <div class="game-middle">
                
                <div class="game-item">
                    <%-- <h2><img src="${pageContext.request.contextPath}/images/youle/heji.png" alt="有乐合集类"></h2> --%> 
                    <div class="game-list">
                     	<ul class="index-list" id="games">
                                <li class="index-item line_bottom">
			                    <div class="index-item-img">
			                        <img src="${pageContext.request.contextPath}/images/games/game_02.png" width="100%">
			                    </div>
			                    <div class="index-item-body">
			                        <div class="title">闲乐湖南棋牌</div>
			                        <div class="desc">
			                        包含郴州字牌、桂阳字牌 、跑得快、红中麻将等多款棋牌休闲游戏。采用全球领先的阿里云服务器最高端的顶级配置和最优秀的技术团队支持，阿里云是阿里巴巴斥资百亿元打造的全球领先的服务器，不是那种地方厂商花个2000万自建的小机房能比的，支付宝、阿里巴巴都是使用的阿里云服务器，有国内最好的安全性，且我们的游戏采用最新的双重防作弊技术，彻底杜绝外挂和作弊器，打造真正绿色、安全、公平的休闲娱乐平台。
			                        	<!-- 包括桂阳字牌、 郴州字牌、红中麻将等多种休闲游戏。采用全球领先的阿里云服务器最高端的顶级配置和最优秀的技术团队支持，阿里云是阿里巴巴斥资百亿元打造的国内最顶级的服务器，不是那种地方厂商花个2000万自建的小机房能比的，支付宝、阿里巴巴都是使用的阿里云服务器，
			                        	有国内最好的安全性，且我们的游戏采用最新最先进的双重防作弊技术，彻底杜绝外挂和作弊器，缔造绿色、安全、公平的休闲娱乐平台，真正让您玩的放心！ -->
			                       	 <!-- 最纯正地道的玩法，包括郴州字牌、桂阳字牌、跑得快、 红中麻将等多款休闲游戏。
			                       	 顶级技术团队打造，采用领先的双重防作弊技术和阿里云顶级豪华服务器，彻底杜绝外挂和作弊器，
			                       	 缔造绿色、安全、公平的休闲娱乐平台，让您玩的放心。快快邀请亲朋好友一起来玩吧！ -->
									</div>
			                        <div class="down"><div class="system"><span class="mmico"></span>安卓 <span class="mmico"></span>苹果 </div>
			                        <a data-url="http://m.wjplay.cn" data-status="1" data-url2="http://m.wjplay.cn" class="weui-btn weui-btn_primary" onclick="downloads(this,'1');"><span class="mmico"></span>下载</a> </div>
			                    </div>
			                <!--<p class="advice" style="width:100%; text-align: center;">【代开房、微信群机器人功能即将推出，敬请期待】</p> -->
			                </li>
			             </ul>
                   	 	<ul>
                   	 	<li class="advice" style="width:100%; text-align: center;">
                   	 	<P style="width:100%; text-align: center;">【提示:升级游戏不成功时,请先卸载旧版后再重试 】</p>
                   	 	</li>
                   	 	</ul>  
                    </div> 
                </div>
                <%-- <div class="game-item">
                    <h2><img src="${pageContext.request.contextPath}/images/youle/heji.png" alt="有乐合集类"></h2> 
                    <div class="game-list">
                     	<ul class="index-list" id="games">
                                <li class="index-item line_bottom">
			                    <div class="index-item-img">
			                        <img src="${pageContext.request.contextPath}/images/games/game_01.png" width="100%">
			                    </div>
			                    <div class="index-item-body">
			                        <div class="title">宾友棋牌</div>
			                        <div class="desc">
			                        包含桂阳字牌、 郴州字牌、跑得快、红中麻将等多款棋牌休闲游戏。采用全球领先的阿里云服务器最高端的顶级配置和最优秀的技术团队支持，阿里云是阿里巴巴斥资百亿元打造的全球领先的服务器，不是那种地方厂商花个2000万自建的小机房能比的，支付宝、阿里巴巴都是使用的阿里云服务器，有国内最好的安全性，且我们的游戏采用最新的双重防作弊技术，彻底杜绝外挂和作弊器，打造真正绿色、安全、公平的休闲娱乐平台。
			                        	<!-- 包括桂阳字牌、 郴州字牌、红中麻将等多种休闲游戏。采用全球领先的阿里云服务器最高端的顶级配置和最优秀的技术团队支持，阿里云是阿里巴巴斥资百亿元打造的国内最顶级的服务器，不是那种地方厂商花个2000万自建的小机房能比的，支付宝、阿里巴巴都是使用的阿里云服务器，
			                        	有国内最好的安全性，且我们的游戏采用最新最先进的双重防作弊技术，彻底杜绝外挂和作弊器，缔造绿色、安全、公平的休闲娱乐平台，真正让您玩的放心！ -->
			                       	 <!-- 最纯正地道的玩法，包括郴州字牌、桂阳字牌、跑得快、 红中麻将等多款休闲游戏。
			                       	 顶级技术团队打造，采用领先的双重防作弊技术和阿里云顶级豪华服务器，彻底杜绝外挂和作弊器，
			                       	 缔造绿色、安全、公平的休闲娱乐平台，让您玩的放心。快快邀请亲朋好友一起来玩吧！ -->
									</div>
			                        <div class="down"><div class="system"><span class="mmico"></span>安卓 <span class="mmico"></span>苹果 </div>
			                        <a data-url="http://m.wjplay.cn" data-status="1" data-url2="http://m.wjplay.cn" class="weui-btn weui-btn_primary" onclick="downloads(this,'1');"><span class="mmico"></span>下载</a> </div>
			                    </div>
			                <!--<p class="advice" style="width:100%; text-align: center;">【代开房、微信群机器人功能即将推出，敬请期待】</p> -->
			                </li>
			             </ul>
                   	 	<ul>
                   	 	<li class="advice" style="width:100%; text-align: center;">
                   	 	<P style="width:100%; text-align: center;">【提示:升级游戏不成功时,请先卸载旧版后再重试 】</p>
                   	 	</li>
                   	 	</ul>  
                    </div> 
                </div> --%>
                <div class="game-item">
                    <!-- <h2><img src="images/pukelei.png" alt="小吆扑克类"></h2> -->
                   <!--  <div class="game-list">
                        <ul style="transform: translateX(15%) !important;"> -->
                        <div class="game-list">
                        	<p style="height: 10px;"></p>
	                   	 	<p style="text-align: center;">
					        <img src="${pageContext.request.contextPath}/images/youle/img_service_02.png" style="width: 50%;">
					        </p>
					        <!-- <p class="advice" style="width:100%; text-align: center;">【弘扬中华国粹娱乐文化，享受休闲娱乐新方式】</p> -->
                   	 	
                   	 	<ul>
                   	 	<li class="advice" style="width:100%; text-align: center;">
                   	 	<p style="height:7px">&nbsp;</p>
                   	 	<P style="width:100%; text-align: center;">【弘扬中华国粹娱乐文化，享受休闲娱乐新方式】</p>
                   	 	</li>
                   	 	</ul>
                   	 	 
                    </div>
                </div>
                <!-- 
                <div class="game-item">
                     <h2><img src="images/pukelei.png" alt="小吆扑克类"></h2> 
                    <div class="game-list">
                        <ul style="transform: translateX(15%) !important;"> 
                        <div class="game-list">
                        
	                   	 	<p style="text-align: center;">
					        <img src="${pageContext.request.contextPath}/images/youle/img_service_02.png" style="width: 70%;margin: .2rem 0 .5rem;">
					        </p>
					        
                   	 	<ul>
                   	 	<li class="advice" style="text-align: center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【弘扬中华国粹娱乐文化，享受休闲娱乐新方式】</li>
                   	 	</ul>
                    </div>
                </div>
                <div class="game-item">
                    <h2><img src="images/majiang.png" alt="小吆麻将类"></h2>
                    <div class="game-list">
                        <a href="details/hnmj.html"><img src="images/icon/icon-xymj.png"><p>小吆麻将</p></a>
                        <a href="details/sxmj.html"><img src="images/icon/icon-sxmj.png"><p>陕西麻将</p></a>
                        <a href="details/gdmj.html"><img src="images/icon/icon-gdmj.png"><p>广东麻将</p></a>
                        <a href="details/xsmj.html"><img src="images/icon/icon-xiaoshan1.png"><p>萧山麻将</p></a>
                        <a href="javascript:;" class="waiting"><img src="images/backup/icon-yjly.png"><p>一脚癞油</p></a>
                    </div>
                </div>
                 -->
                
            </div>
            <div class="ganzi game-bottom"></div>
        </div>
    </main>
    <!--main e-->
    <!--footer s-->
    <footer class="footer">
        <p class="advice">官方客服微信号：byqp518</p> 
        <p style="height: 10px"></p>
        <p><img src="${pageContext.request.contextPath}/images/youle/logo-b.png" class="logo-b"></p>
        <%-- <p> <img src="${pageContext.request.contextPath}/images/youle/img_service_01.png" style="width: 30%;margin: .2rem 0 .5rem;"> 
         </p> --%> 
        <!-- <p>youlegame&copy;201h6-2017<br>有乐互娱&nbsp;&nbsp;版权所有</p> -->
        <p class="advice">文明游戏，远离赌博<br>禁止利用本游戏平台进行赌博行为！</p>
        <p class="advice">京网文[2016]4260-538<br> 增值电信业务许可证：京B2-20170031</p>
    </footer>
    <!--footer e-->
</div>
<!--  
<script src="js/jquery.min.js"></script>
<script src="js/swiper.jquery.min.js"></script> -->
<script>
    var weixin = false;
    var isIos = false;
    function downloads(me,status){
    	alert("应用正在升级，预计8点完成");
    	return;
        if(status != 1){
            ZCKJ.msg('应用正在升级，预计8点完成');
            return;
        }
        
        var winHeight = $(window).height();
		var isWeixin = is_weixin();
		if(isWeixin){
			$(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
            return;
		}
        var iosUrl = "itms-services://?action=download-manifest&url=https://czhy.youlehuyu.cn/app/ios.plist";
		var Url2 = "/../app/binyouqipai.apk ";
        var url = isIos? iosUrl : Url2;
        if(weixin){
            //return;
        }
        
        window.location.href = url;
        /* ZCKJ.alert('尊敬的用户，您好！安装升级APP不成功时请先卸载旧版，我们会不断提高游戏的用户体验，力争做最好用的产品，发现问题请及时反馈至客服微信byqp518，感谢您的支持！',function () {
        }); */

        //window.location.href = url;
        //window.open(url);
        //console.log(iosUrl);
    }
    
    function is_weixin() {
	    var ua = navigator.userAgent.toLowerCase();
	    if (ua.match(/MicroMessenger/i) == "micromessenger") {
	        return true;
	    } else {
	        return false;
	    }
	}
    
    function hide(){
    	$(".weixin-tip").hide();
    }
    
    $(function () {
    	var ua = navigator.userAgent.toLowerCase();
	    if (ua.match(/MicroMessenger/i) == "micromessenger") {
	        //return true;
	    } else {
	    	$("#isweixinDiv").css("display", "none");  
	    }
    	
        weixin = ZCKJ.isWeixin();
        isIos = ZCKJ.isIos();
        var str = '<span class="mmico">&#xe6a2</span>下载';
        if(isIos)str = '<span class="mmico">&#xe64a</span>下载';
        $('#games .weui-btn').each(function () {
            $(this).html(str);
        })
    })
</script>

<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,
        autoplayDisableOnInteraction: false
    });
</script>
</body>
</html>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0bf88a9c564f3ba33d6d3e193668ca12";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
